// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-input__inner:focus {
  box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
  border-color: #86b7fe;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid {
  &:focus {
    box-shadow: 0 0 0 0.15rem rgb(220 53 69 / 25%);
  }
}

.el-message-box__message {
  .content {
    margin-bottom: 10px;
    word-break: break-word;
  }

  .error__message {
    font-size: 0.8em;
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

.el-table th.el-table__cell {
  // background-color: #F5F5F5;
}

.el-table tr {
  background-color: #ffffff;
}

.el-table thead {
  // color: #000000;
}

.el-table .cell {
  word-break: break-word;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

.el-popover {
  // padding: 0;

  word-break: break-word;

  .el-checkbox {
    display: block;
  }

  .el-checkbox-group {
    @apply p-5;
  }

  .el-checkbox:not(:last-child) {
    margin-bottom: 10px;
  }
}

.el-button--primary {
  background-color: #2c7be5;
  border-color: #2c7be5;

  &.is-disabled {
    background-color: #a0cfff;
    border-color: #a0cfff;
  }

  &:hover {
    background-color: #2c7be5;
    border-color: #2c7be5;
  }

  &:active {
    background-color: #2362b7;
    border-color: #215cac;
  }

  &:focus {
    background-color: #2569c3;
    border-color: #2362b7;
  }

  // &:focus, &:hover {
  //   -webkit-box-shadow: 0 1rem 2.5rem rgba(18,38,63,.1),0 .5rem 1rem -.75rem rgba(18,38,63,.1)!important;
  //   box-shadow: 0 1rem 2.5rem rgba(18,38,63,.1),0 .5rem 1rem -.75rem rgba(18,38,63,.1)!important;
  //   -webkit-transform: translate3d(0,-3px,0);
  //   transform: translate3d(0,-3px,0);
  // }
}

// el-tab
.el-tabs__header {
  margin: 0;
}

// .el-tabs__nav-wrap::after {
//   height: 0;
// }

//scroll
.el-scrollbar__wrap {
  // overflow-x: hidden !important;
}

.tree-node-container {
  padding: 0 5px;
}

.el-menu-item,
.el-submenu__title {
  height: 60px;
  line-height: 60px;
}

.el-menu--horizontal .el-submenu .el-submenu__icon-arrow {
  color: #ffffff;
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}

.el-menu--popup a {
  display: block;
}

.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}

.el-page-header__left {
  display: flex;
  align-items: center;
}
